.xt-input-main {
	position: relative;
	width: 100%;
	box-sizing: border-box;
	padding: 10rpx;
	display: flex;
	align-items: center;
	gap: 10rpx;
}
.xt-input {
	position: relative;
	flex-grow: 1;
	overflow: hidden;
	.xt-input-del {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		bottom: 0;
		right: 10rpx;
		background-color: rgba(0, 0, 0, 0.3);
		border-radius: 50%;
		height: 40rpx;
		width: 40rpx;
		cursor: pointer;
		z-index: 999;
		& > view {
			position: absolute;
			top: 18rpx;
			right: 4.5rpx;
			width: 30rpx;
			height: 4rpx;
			border-radius: 10rpx;
			transform-origin: center;
			background-color: #f3f3f4;
		}
		& > view:nth-child(1) {
			transform: rotate(45deg);
		}
		& > view:nth-child(2) {
			transform: rotate(-45deg);
		}
	}
}

.xt-input-border {
	&-surround {
		border: 2rpx solid #dadbde;
		border-radius: 8rpx;
	}
	&-bottom {
		border-bottom: 2rpx solid #dadbde;
	}
	&-none {
		border: none;
	}
}
.xt-input-round {
	border-radius: 88px;
}
